<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Xenon Boostrap Admin Panel" />
<meta name="author" content="" />

<title>Xenon - Progress Bars</title>

<link rel="stylesheet" href="assets/css/fonts/linecons/css/linecons.css">
<link rel="stylesheet"
	href="assets/css/fonts/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/xenon-core.css">
<link rel="stylesheet" href="assets/css/xenon-forms.css">
<link rel="stylesheet" href="assets/css/xenon-components.css">
<link rel="stylesheet" href="assets/css/xenon-skins.css">
<link rel="stylesheet" href="assets/css/custom.css">

<script src="assets/js/jquery-1.11.1.min.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->


</head>
<body class="page-body">

	<div class="settings-pane">

		<a href="#" data-toggle="settings-pane" data-animate="true">
			&times; </a>

		<div class="settings-pane-inner">

			<div class="row">

				<div class="col-md-4">

					<div class="user-info">

						<div class="user-image">
							<a href="extra-profile.html"> <img
								src="assets/images/user-2.png" class="img-responsive img-circle" />
							</a>
						</div>

						<div class="user-details">

							<h3>
								<a href="extra-profile.html">John Smith</a>

								<!-- Available statuses: is-online, is-idle, is-busy and is-offline -->
								<span class="user-status is-online"></span>
							</h3>

							<p class="user-title">Web Developer</p>

							<div class="user-links">
								<a href="extra-profile.html" class="btn btn-primary">Edit
									Profile</a> <a href="extra-profile.html" class="btn btn-success">Upgrade</a>
							</div>

						</div>

					</div>

				</div>

				<div class="col-md-8 link-blocks-env">

					<div class="links-block left-sep">
						<h4>
							<span>Notifications</span>
						</h4>

						<ul class="list-unstyled">
							<li><input type="checkbox" class="cbr cbr-primary"
								checked="checked" id="sp-chk1" /> <label for="sp-chk1">Messages</label>
							</li>
							<li><input type="checkbox" class="cbr cbr-primary"
								checked="checked" id="sp-chk2" /> <label for="sp-chk2">Events</label>
							</li>
							<li><input type="checkbox" class="cbr cbr-primary"
								checked="checked" id="sp-chk3" /> <label for="sp-chk3">Updates</label>
							</li>
							<li><input type="checkbox" class="cbr cbr-primary"
								checked="checked" id="sp-chk4" /> <label for="sp-chk4">Server
									Uptime</label></li>
						</ul>
					</div>

					<div class="links-block left-sep">
						<h4>
							<a href="#"> <span>Help Desk</span>
							</a>
						</h4>

						<ul class="list-unstyled">
							<li><a href="#"> <i class="fa-angle-right"></i> Support
									Center
							</a></li>
							<li><a href="#"> <i class="fa-angle-right"></i> Submit a
									Ticket
							</a></li>
							<li><a href="#"> <i class="fa-angle-right"></i> Domains
									Protocol
							</a></li>
							<li><a href="#"> <i class="fa-angle-right"></i> Terms of
									Service
							</a></li>
						</ul>
					</div>

				</div>

			</div>

		</div>

	</div>

	<div class="page-container">
		<!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->

		<jsp:include page="menu.jsp" flush="true" >
			<jsp:param name="selectSuper" value="1"/> 
     		<jsp:param name="selectIndex" value="3"/> 
		</jsp:include>

		<div class="main-content" style="padding:0px;">
			<iframe frameborder="no" src="http://127.0.0.1:8081/ariang/" width="100%" height="100%"></iframe>
		</div>






	<!-- Bottom Scripts -->
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/TweenMax.min.js"></script>
	<script src="assets/js/resizeable.js"></script>
	<script src="assets/js/joinable.js"></script>
	<script src="assets/js/xenon-api.js"></script>
	<script src="assets/js/xenon-toggles.js"></script>


	<!-- JavaScripts initializations and stuff -->
	<script src="assets/js/xenon-custom.js"></script>
	<script type="text/javascript">
		/* function FrameWH() {
            var h = $(window).height()-100;
            $("iframe").css("height",h+"px");
        }
        
        $(window).resize(function () {
            FrameWH();
        });
        
        FrameWH(); */
	</script>
</body>
</html>
